<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no"/>
  <title>送给傻狗</title>
  <link rel="stylesheet" href="css/style.css">
<script type="text/javascript" src="css/threeCanvas.js"></script>
<script type="text/javascript" src="css/snow3d.js"></script>
<script type="text/javascript" src="css/snow.js"></script>
<style type="text/css">body{background-color:#00aaff;margin:0px;overflow:hidden;}</style>

<body onLoad="init()">
</head>
<body>
<ul class="bgg">
  <li class="sphere"></li>
</ul>
<ul class="tree">
  <li class="top-star"> </li>
  <li class="top">
    <ul class="tree-pts">
      <li class="pts left"></li>
      <li class="pts left"></li>
      <li class="pts left"></li>
      <li class="pts left"></li>
      <li class="pts left"></li>
      <li class="pts left"></li>
      <li class="pts left"></li>
      <li class="pts left"></li>
      <li class="pts right"></li>
      <li class="pts right"></li>
      <li class="pts right"></li>
      <li class="pts right"></li>
      <li class="pts right"></li>
      <li class="pts right"></li>
      <li class="pts right"></li>
    </ul>
  </li>
  <li class="middle first">
    <ul class="tree-pts">
      <li class="pts left"></li>
      <li class="pts left"></li>
      <li class="pts left"></li>
      <li class="pts left"></li>
      <li class="pts left"></li>
      <li class="pts left"></li>
      <li class="pts left"></li>
      <li class="pts left"></li>
      <li class="pts right"></li>
      <li class="pts right"></li>
      <li class="pts right"></li>
      <li class="pts right"></li>
      <li class="pts right"></li>
      <li class="pts right"></li>
      <li class="pts right"></li>
    </ul>
  </li>
  <li class="middle second">
    <ul class="tree-pts">
      <li class="pts left"></li>
      <li class="pts left"></li>
      <li class="pts left"></li>
      <li class="pts left"></li>
      <li class="pts left"></li>
      <li class="pts left"></li>
      <li class="pts left"></li>
      <li class="pts left"></li>
      <li class="pts right"></li>
      <li class="pts right"></li>
      <li class="pts right"></li>
      <li class="pts right"></li>
      <li class="pts right"></li>
      <li class="pts right"></li>
      <li class="pts right"></li>
    </ul>
  </li>
  <li class="middle third">
    <ul class="tree-pts">
      <li class="pts left"></li>
      <li class="pts left"></li>
      <li class="pts left"></li>
      <li class="pts left"></li>
      <li class="pts left"></li>
      <li class="pts left"></li>
      <li class="pts left"></li>
      <li class="pts left"></li>
      <li class="pts right"></li>
      <li class="pts right"></li>
      <li class="pts right"></li>
      <li class="pts right"></li>
      <li class="pts right"></li>
      <li class="pts right"></li>
      <li class="pts right"></li>
    </ul>
  </li>
  <li class="bottom outer">
    <ul class="tree-pts">
      <li class="pts left"></li>
      <li class="pts left"></li>
      <li class="pts left"></li>
      <li class="pts left"></li>
      <li class="pts left"></li>
      <li class="pts left"></li>
      <li class="pts left"></li>
      <li class="pts left"></li>
      <li class="pts right"></li>
      <li class="pts right"></li>
      <li class="pts right"></li>
      <li class="pts right"></li>
      <li class="pts right"></li>
      <li class="pts right"></li>
      <li class="pts right"></li>
    </ul>
  </li>
  <li class="stem">
    <ul class="tree-stem">
      <li class="stem"></li>
      <li class="gift g1"></li>
      <li class="gift g2"></li>
      <li class="gift g3"></li>
      <li class="gift g4"></li>
      <li class="gift g5"></li>
      <li class="gift g6"></li>
      <li class="gift g7"></li>
      <li class="gift g8"></li>
      <li class="gift g9"></li>
      <li class="shadow"></li>
    </ul>
  </li>
</ul>
<ul class="toys">
  <li class="star"></li>
  <li class="ball b1"></li>
  <li class="ball b2"></li>
  <li class="ball b3"></li>
  <li class="ball b4"></li>
  <li class="ball b5"></li>
  <li class="ball b6"></li>
  <li class="ball b7"></li>
  <li class="ball b8"></li>
  <li class="ball b9"></li>
  <li class="ball b10"></li>
  <li class="ball b11"></li>
  <li class="ball b12"></li>
  <li class="ball b13"></li>
  <li class="ball b14"></li>
  <li class="ball b15"></li>
  <li class="ball b16"></li>
  <li class="ball b17"></li>
  <li class="ball b18"></li>
  <li class="ball b19"></li>
  <li class="ball b20"></li>
  <li class="light l1"></li>
  <li class="light l2"></li>
  <li class="light l3"></li>
  <li class="light l4"></li>
  <li class="light l5"></li>
  <li class="light l6"></li>
  <li class="light l7"></li>
  <li class="light l8"></li>
  <li class="light l9"></li>
  <li class="light l10"></li>
  <li class="light l11"></li>
  <li class="light l12"></li>
  <li class="light l13"></li>
  <li class="light l14"></li>
  <li class="light l15"></li>
  <li class="light l16"></li>
  <li class="light l17"></li>
  <li class="light l18"></li>
  <li class="light l19"></li>
  <li class="light l20"></li>
  <li class="light l21"></li>
  <li class="light l22"></li>
  <li class="light l23"></li>
  <li class="light l24"></li>
  <li class="light l25"></li>
  <li class="light l26"></li>
  <li class="light l27"></li>
  <li class="light l28"></li>
  <li class="light l29"></li>
  <li class="light l30"></li>
  <li class="light l31"></li>
  <li class="light l32"></li>
  <li class="light l33"></li>
  <li class="light l34"></li>
  <li class="light l35"></li>
  <li class="light l36"></li>
  <li class="light l37"></li>
  <li class="light l38"></li>
  <li class="light l39"></li>
  <li class="light l40"></li>
  <li class="light l41"></li>
  <li class="light l42"></li>
  <li class="light l43"></li>
  <li class="light l44"></li>
  <li class="light l45"></li>
  <li class="light l46"></li>
  <li class="light l47"></li>
  <li class="light l48"></li>
  <li class="light l49"></li>
  <li class="light l50"></li>
  <li class="light l51"></li>
  <li class="light l52"></li>
  <li class="light l53"></li>
  <li class="light l54"></li>
  <li class="light l55"></li>
  <li class="light l56"></li>
  <li class="light l57"></li>
  <li class="light l58"></li>
  <li class="light l59"></li>
  <li class="light l60"></li>
  <li class="light l61"></li>
  <li class="light l62"></li>
  <li class="light l63"></li>
  <li class="light l64"></li>
  <li class="light l65"></li>
  <li class="light l66"></li>
  <li class="light l67"></li>
  <li class="light l68"></li>
  <li class="light l69"></li>
  <li class="light l70"></li>
  <li class="light l71"></li>
  <li class="light l72"></li>
</ul>
<audio id="music" controls loop autoplay>
<source src="./images/1.mp3" type="audio/mpeg">
</audio>
<style>
.poem,
.footer {
  position: fixed;
  top: 100px;
  margin-top: 150px;
  width: 100%;
  text-align: center;
  font-size: 35px;
  color: #ff0000;}

.footer{
	border-top: 100px solid #eee;
	margin:50px 0px;
}

</style>	
<div class="poem">
<p>🎄🎅🎄
<P>铁蛋
<p>Merry Christmas
<p>
</div>
<audio autoplay="autoplay" loop="">
<source src="https://s1.ananas.chaoxing.com/audio/dd/b1/b2/fb1fe5b27a1879c1b07f454d312c5859/audio.mp3?at_=1639742190229&ak_=d113f95ec56806bf4bec2ab1fc85da86&ad_=83af904ba4b1f9995477438f172d3f78"></audio>
 
</body>
</html>